<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 
			action：表单处理的连接，一般是后台的连接。因为前端语言没有处理表单的能力
			method：
				get：类似超链接传值，有字数限制，最大值为255，参数会显示在地址栏中，不安全
				post：没有字数限制，显示内容不会显示在地址栏，更加安全保密
			enctype：在文件上传必填，值为multipart/form-data
			表单元素
				输入框，一行
				单选多选按钮
				选择框
				多文本框，多行
				文件上传
				日期
				数字
				邮箱
				手机
		 -->
		<form id="form" action="">
			<label for="input_account">账号</label>
			<input type="text" placeholder="html5才有" name="account" value="" id="input_account" />
			<input type="password" name="password" placeholder="请输入密码" />
			<input type="password" name="password1" placeholder="请再输入密码" />
			<input type="text" name="n1" readonly placeholder="不能输入" />
			<input type="text" name="n2" disabled placeholder="不能输入" />
			<input type="email" name="n3" placeholder="请输入邮箱" />
			<input type="checkbox" name="c1" value="1"/>
			不同组
			<input type="radio" name="r1" />
			<input type="radio" name="r2" />
			同一组
			<input type="radio" name="r3" />
			<input type="radio" name="r3" />
			<textarea rows="10">
				
			</textarea>
			<input type="file" name="f1" />
			没有学后台语言之前，不需要使用submit
			<input type="submit" value="提交" />
			<input type="reset" value="重置" />
			<input type="button" id="btn_submit" value="普通按钮" />
		</form>
		<script type="text/javascript">
			let btn_submit = document.getElementById("btn_submit");
			btn_submit.onclick = doSubmit;
			function doSubmit() {
				console.log(1);
				let form = document.getElementById("form");
				form.submit();
			}
		</script>
	</body>
</html>
